<style>
	#title {
		width: 450px;
		height: 25px;
		margin: 5px;
	}
	#message {
		height: 300px;
		width: 450px;
		margin: 5px;
	}
	.knop {
		float: right;
		margin-right: 30px;
		border: solid 2px green;
		font-family: Myriad Pro;
		font-size: 14px;
		color: white;
		border-radius: 6px;
		background-image: linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		background-image: -o-linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		background-image: -moz-linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		background-image: -webkit-linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		background-image: -ms-linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		box-shadow: -4px -4px 6px rgba(0, 0, 0, 0.30) inset;
		-moz-box-shadow: -4px -4px 6px rgba(0, 0, 0, 0.30) inset;
		-webkit-box-shadow: -4px -4px 6px rgba(0, 0, 0, 0.30) inset;
	}
	.knop:hover {
		border: solid 2px green;
		font-family: Myriad Pro;
		font-size: 14px;
		color: white;
		border-radius: 6px;
		background-image: linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		background-image: -o-linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		background-image: -moz-linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		background-image: -webkit-linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		background-image: -ms-linear-gradient(bottom, rgb(28,189,0) 7%, rgb(26,128,10) 52%);
		box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.30) inset;
		-moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.30) inset;
		-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.30) inset;
	}

</style>

<form action ="postAnnouncement.php">
	<input type="text" id="title" name="title"></input>
	<br />
	<textarea type="text" id="message" name="message">
	</textarea>
	<br />
	<input type="submit" class="knop"></input>
	<br />
</form>